<template>
  <div>
    首页
    <hr>
    <!-- 组件根本不能执行原生事件，需要通过子传父处理
    .native:让组件标签使用原生事件
    -->
    <Son @click.native="sonCLick" />
    <button
      @click="$store.dispatch('app/closeSideBar', { withoutAnimation: false })"
    >
      切换
    </button>
  </div>
</template>
<script>
import Son from './components/Son.vue'
export default {
  components: {
    Son
  },
  methods: {
    sonCLick() {
      console.log('sonCLick')
    }
  }
}
</script>
<style></style>
